<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>字体自适应的方法</title>
    <link href="css/base.css" rel="stylesheet">
    <style>
        html{font-size: 625%;}
        body{
            font-size: .16rem;
            font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
        .img{width: 100%;max-width: 6.4rem;margin: 0 auto;}
        .img img{width: 100%;}
        p{font-size: .18rem}
    </style>
</head>
<body>
<div class="img">
    <figure>
        <img src="img/search.png">
        <figcaption>
         <p>kkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
        </figcaption>
    </figure>


</div>
</body>
</html>